<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
			<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
		<title>支付页面</title>
		<script src="__PUBLIC__/lib/zepto.min.js"></script>
		<script src="__PUBLIC__/js/frozen.js"></script>
        <script src="__PUBLIC__/js/myjs/Payment.js"></script>
		<link rel="stylesheet" href="__PUBLIC__/css/frozen.css" />
        <link rel="stylesheet" href="__PUBLIC__/css/iconfont.css" />
        <link rel="stylesheet" href="__PUBLIC__/css/myCss.css" />
        <script>
            var handleUrl="__INDEX__";
        </script>
        <style>
        #hidebg { position:absolute;left:0px;top:0px;
            width:100%;  
            filter:alpha(opacity=60);  
            opacity:0.6;  
            display:none; 
            z-Index:2;}
		</style>
	</head>

	<body>
        <div id="hidebg" style=""></div>
		<header class="ui-header ui-header-stable ui-border-b">
			<i class="ui-icon-return" onclick="history.back()"></i>
			<h1>支付页面</h1>
		</header>
		<footer class="ui-footer ui-footer-stable ui-border-t ui-footer-my">
			<ul class="ui-tiled">
                <li onclick="location.href='{:U('Index/index','','',0,true)}'" >
                    <div class="iconfont icon-home"></div>
                </li>
                <li onclick="location.href='{:U('Index/ProductList','','',0,true)}'" >
                    <div class="iconfont icon-shop"></div>
                </li>
                <li onclick="location.href='{:U('Index/MyShop','','',0,true)}'">
                    <div class="iconfont icon-people"></div>
                </li>
            </ul>
		</footer>
		<section class="ui-container">
            <div>
                <!--地址选择-->
                <ul class="ui-list ui-list-text ui-list-radio ui-border-tb" style="margin-top:10px;">
                    <li class="ui-border-t">
                        <label class="ui-radio" for="radio">
                            <input id="input_default" onclick="setDefaultAds();" type="radio" checked name="radio1">
                        </label>
                        <p>使用默认收货地址</p>
                    </li>
                    <li class="ui-border-t">
                        <label class="ui-radio" for="radio">
                            <input id="input_other" onclick="selectAddress();" type="radio" name="radio1">
                        </label>
                        <p>其它地址</p>
                    </li>
                    <li class="ui-border-t">
                        <label class="ui-radio" for="radio1">
                            <input id="input_new" onclick="newAds();"  type="radio" name="radio1">
                        </label>
                        <p>新地址</p>
                    </li>
                </ul> 
                <!--当前地址显示-->
                <div id="currentAds" style="overflow:auto;">
                    <ul style="margin-top:-1px;" class="ui-list ui-list-text ui-list-active ui-list-cover ui-border-tb">
                        <li class="ui-border-t" >
                                <div class="ui-list-info" >
                                <p class="ui-nowrap"></p>
                                <p class="ui-nowrap"></p>
                            </div>
                            <i  class="" style="display:inline;font-size:27px;"></i>
                        </li>
                    </ul>
                </div>  
                <!--支付方式选择-->
                <ul style="margin-top:10px;" class="ui-list ui-list-text ui-list-radio ui-border-tb" >
                    <li class="ui-border-t">
                        <label class="ui-radio" for="radio">
                            <input onclick="payPlan();"  type="radio" name="radio">
                        </label>
                        <p>微信支付</p>
                    </li>
                    <li class="ui-border-t">
                        <label class="ui-radio" for="radio">
                            <input onclick="payPlan();"  type="radio" name="radio">
                        </label>
                        <p>支付宝支付</p>
                    </li>
                    <li class="ui-border-t">
                        <label class="ui-radio" for="radio">
                            <input id="input_Payqb" type="radio" checked name="radio">
                        </label>
                        <p>余额支付 </p>
                        <div class=" ui-flex-pack-end">
                            <p id="pMoney" style="color:#777;">...</p>
                        </div>
                        
                    </li>
                </ul>        
                <ul >
                     <div class="ui-btn-wrap" style="padding-top:10px;">
                        <button id="payMoney" onclick="isPayMoney();" class="ui-btn-lg ui-btn-primary">
                            支付:0.00
                        </button>
                    </div>
                    <div class="ui-btn-wrap" style="padding-top:0px;">
                        <button onclick="location.href='{:U('Index/ProductList','','')}'" class="ui-btn-lg ui-btn-danger">
                            稍后付款
                        </button>
                    </div>
                </ul>
            </div>
			<!--选择其它地址-->     
            <div class="ui-dialog" >
                <div class="ui-dialog-cng">
                   <div id="div_AddressSet" style="overflow:auto;height:120px;">
                    <!--地址管理信息--> 
                        <ul style="margin-top:-1px;" class="ui-list ui-list-text ui-list-active ui-list-cover ui-border-tb">
                            <foreach name="AddressList" item="v" >
                                <li class="ui-border-t" id="{$v.InfoId}" onclick="setTh(this);">
                                        <div class="ui-list-info" >
                                        <p class="ui-nowrap">{$v.TakeName}&&{$v.TakePhone}</p>
                                        <p class="ui-nowrap">{$v.TakeAddress}</p>
                                    </div>
                                    <i  class="{$v.YnDefault}" style="display:inline;font-size:27px;"></i>
                                </li>
                            </foreach>
                        </ul>
                    </div>
                    <!--输入密码-->
                    <div id="div_Password" style="background-color:white;padding-top:10px;border-radius: 10px;">
                        <p style="text-align:center;color:#777;font-size:16px;">请输入支付密码</p>
                        <input id="input_passwd" style="border-radius: 10px;border:0px;padding:0px 10px 0px 20px; width:160px;font-size:40px;text-align:center;letter-spacing:10px;" type="password" maxlength=6 >
                        <div style="padding-top:5px;" class="ui-btn-wrap ui-flex ui-flex-pack-center">
                            <button class="ui-btn ui-btn-progress" onclick=" $('.ui-dialog').addClass('show').hide();" >
                                取消
                            </button>
                            <button onclick="checkPasswd();" style="margin-left:10px;" class="ui-btn ui-btn-primary">
                                确定
                            </button>
                        </div>
                    </div> 
                    <div id="div_NewAddress" style="background-color:white;padding-top:10px;border-radius: 10px;">
                        <div class="ui-flex ui-flex-pack-center" style="padding-top:7px;">
                            <h4 style="color:#777;align:center;font-size:20px;">添加新地址</h4>
                        </div>
                        <div class="ui-form-item  ui-border-b">
                            <input id="adsName" type="text" placeholder="收件人姓名" style="padding-left:10px;">
                            <a href="#" class="ui-icon-close" onclick="$('#adsName').val('');">
                            </a>
                        </div>
                        <div class="ui-form-item  ui-border-b">
                            <input id="adsPhone" type="text" placeholder="11位手机号码" style="padding-left:10px;">
                            <a href="#" class="ui-icon-close" onclick="$('#adsPhone').val('');">
                            </a>
                        </div>
                        <div class="ui-form-item ui-form-item-textarea ui-border-b">
                            <textarea id="adsAddress" placeholder="街道等详细地址" style="padding-left:10px;"></textarea>
                        </div>
                        <div class="ui-btn-wrap" style="margin-left:150px;padding:5px 10px 5px 10px;" >
                            <button class="ui-btn ui-btn-progress" onclick="$('.ui-dialog').hide();" >
                                取消
                            </button>
                            <button class="ui-btn ui-btn-primary" onclick="actionAds();">
                                确定
                            </button>
                        </div>
                    </div>  
                </div>
            </div>
		</section>
	</body>

</html>